<template>
  <div class="page-account">
    <div v-if="showI18n" class="page-account-header">
      <i-header-i18n outside />
    </div>
    <div class="page-account-container">
      <div class="page-account-top">
        <div class="page-account-top-logo">
          <img src="@/assets/images/logo.png" alt="logo" />
        </div>
      </div>
      <Login ref="form" @on-submit="handleSubmit">
        <Mobile name="mobile" />
        <Captcha
          class="demo-login-captcha picCaptcha"
          name="picCaptcha"
          @on-get-captcha="handlePicCaptcha"
        >
          <template #text>
            <img :src="captchaPicture.base64" />
          </template>
        </Captcha>
        <Captcha
          name="phoneCaptcha"
          :field="['mobile', 'picCaptcha']"
          enter-to-submit
          @on-get-captcha="handlePhoneCaptcha"
          :count-down="countDown"
        />
        <Poptip trigger="focus" placement="right" width="240">
          <Password
            name="password"
            :rules="passwordRule"
            placeholder="至少6位密码，区分大小写"
            @on-change="handleChangePassword"
            style="width: 446px;"
          />
          <template #content>
            <div class="page-account-register-tip">
              <div
                class="page-account-register-tip-title"
                :class="passwordTip.class"
              >
                强度：{{ passwordTip.strong }}
              </div>
              <Progress
                :percent="passwordTip.percent"
                hide-info
                :stroke-width="6"
                :stroke-color="passwordTip.color"
              />
              <div class="page-account-register-tip-desc">
                请至少输入 6 个字符。请不要使用容易被猜到的密码。
              </div>
            </div>
          </template>
        </Poptip>
        <Password
          name="passwordConfirm"
          :rules="passwordConfirmRule"
          placeholder="确认密码"
        />
        <div class="page-account-auto-login" style="display: flex">
          <Checkbox v-model="agree" size="large"></Checkbox>
          <p class="agreeCheckbox">
            <span>我已阅读并同意</span><a @click="openAbout(1)">《麒建云云服务使用协议》</a
            ><a @click="openAbout(2)">《麒建云隐私政策声明》</a>
          </p>
        </div>
        <Submit :disabled="!agree">{{ $t("page.register.submit") }}</Submit>
      </Login>
      <div class="page-account-to-login">
        <router-link :to="{ name: 'login' }">{{
          $t("page.register.other")
        }}</router-link>
      </div>
    </div>
    <i-copyright />
  </div>
  <Modal
    v-model="modal"
    :title="val == 1 ? '麒建云云服务使用协议' : '麒建云隐私政策声明'"
  >
    <div v-if="val == 1">
      1.
      感谢贵方选择麒建云，在您选择使用麒建云提供的产品和服务前，请您务必先仔细阅读、充分理解本麒建云云服务使用协议（下称“本协议”）各条款内容，特别是免除或者限制责任的条款、管辖与法律适用条款，以及开通或使用某项产品或服务的单独协议。
      一旦您完成“同意条款并注册”或开始以其他的方式使用麒建云服务，即表示您已经阅读并同意接受本协议的约束，如您不同意本协议的约束或其中任何条款的约定，您应该不再进行下一步或停止注册程序。您对本协议的同意即视为您已知悉并同意本协议全部条款并且您保证能够完全遵守本协议。<br>
      2. 本协议是甲乙双方之间关于您购买、使用麒建云的麒建云服务所订立的协议。<br><br>
      第一条 通则<br>
      麒建云服务指为满足各类网站、应用等各种产品/服务的不同需求，由云物理服务器、云服务器、带宽、云存储、云数据库、云安全等各种不同要素组合成的各种云系统服务，具体服务种类以麒建云官网公布为准。双方理解并同意：<br>
      1.1
      麒建云仅向您提供云系统服务等各类技术服务，是中立的信息存储空间等网络服务及相关的中立技术支持服务提供者。<br>
      1.2
      麒建云不参与您的网站、应用等任何产品、服务及相关内容的开发、运营等，麒建云也不会对您的代码和数据等任何内容进行修改、编辑或整理等。您的网站、应用等任何产品、服务及相关内容等，由您自行开发、运营且自行承担全部责任。<br>
      1.3
      因您的网站、应用等任何产品、服务及相关内容等产生的任何纠纷、责任等，或因您违反相关法律法规、本协议约定引发的任何后果，均由您独立承担责任、赔偿损失，与麒建云无关。如侵害到麒建云或他人权益的，您须自行承担全部责任和赔偿一切损失。<br><br>
      第二条 资料提交与使用<br> 2.1
      您保证已经依照国家相关规定获得了合法经营资质或者已经经过主管部门备案，有权依法运营其产品及服务；您保证其产品或服务不得违反任何法律法规及协议、规则，也不会侵犯任何主体的合法权益。<br>
      2.2
      如您通过麒建云服务对外提供互联网信息服务，应按规定取得许可或履行备案手续，并提前书面通知麒建云。如备案信息发生变更，您应及时书面通知麒建云更新备案。如您互联网信息服务未获得许可、未办理备案或未办理备案变更手续的，麒建云可暂停或终止向您提供服务。如您从事其他需要获得经营资质的业务的，应根据相关法律规定办理审批手续。<br>
      2.3
      您应当按照麒建云服务注册流程提交、填写完整、真实、合法、有效的资料，包括但不限于姓名或企业组织名称、联系方式（如电话、邮箱等）、证照等。若您相关资料发生变更的，应及时书面通知麒建云或根据麒建云系统的规则自行进行更新。您提交的资料若存在缺失、虚假、违法、无效等情形，可能导致您无法及时使用服务或无法及时获取业务通知、客户服务、技术支持等，相关后果由您自行承担。<br>
      2.4
      麒建云账号仅供您使用，您不得以任何形式将其转让给他人。您可以根据自身需求，依照麒建云服务规则添加、删除其麒建云账号的子用户。您保证注册麒建云账号以及添加的子用户使用的
      QQ 号码均是合法的 。<br> 2.5
      麒建云应对您的资料进行保密，但若您受到主管部门调查或被他人投诉，或您投诉他人，麒建云有权将争议中相关方的主体资料、联系方式、投诉相关内容等必要信息（包括但不限于名称、电话、证照等）提供给主管部门或投诉相关方，以便及时解决投诉纠纷，保护各方合法权益。<br>
      2.6
      如果您受到主管部门调查或被他人投诉，或您投诉他人，麒建云有权要求您在指定时间内进行说明并提供证明资料（包括但不限于授权证明、著作权登记证书、商标注册证等）。
      若您未能提供有效证明资料，或您未在指定期限内提供证明资料的，麒建云有权依照本协议约定采取措施。<br>
      2.7
      您理解并同意，为预防违法犯罪事件，麒建云有权根据国家司法机关、网监等主管部门的要求，查询、提供您的信息、数据等。<br>
      2.8
      通常情况下，您的麒建云账户是您在麒建云网站进行一切活动的唯一身份标识，除非另有约定，每一个麒建云账户都可以在本网站独立开展活动。但在下列情形下，麒建云有权根据自己的判断，对同一及/或关联法律主体拥有的多个麒建云账户进行统一处理，如根据不同麒建云账户在注册、登录、使用、充值、消费、汇款中的关联信息，麒建云可判断其实际为同一用户。关联信息举例：同一证件、同一手机号、同一支付账号、同一设备、同一地址、多支付账号下同一实名身份等。<br><br>
      第三条 服务开通<br> 3.1
      您可根据自身需求，自行通过麒建云官网在线选购所需服务，您在线选购服务产生的订单即为“电子订单”。双方也可根据实际合作需要，另行签订《麒建云标准服务订单》（简称“纸质订单”）、《补充协议》等文件。<br>
      3.2
      麒建云服务的种类、服务内容、注意事项、收费方式及收费标准等（统称“服务规则”），以麒建云官网介绍为准。您理解并同意，麒建云有权单方修改麒建云服务规则，而无须征得您同意。服务规则应当以您麒建云官网及购买具体服务时的页面说明为准，双方另有约定除外。<br>
      3.3
      麒建云有权根据单方运营安排随时调整或终止部分或全部的服务，包括但不限于停止特定服务、对某项服务进行升级、调整某项服务的功能或整合某些服务等。但是，麒建云应提前至少
      3个自然日通知您，以便您做好相关数据的转移备份以及业务调整等，您有权根据自身需求决定是否继续使用相关服务或申请退款，以保护您的合法权益。<br>
      3.4
      部分服务的开通可能需要双方另行签订单独的服务协议，单独的服务协议可能以电子文档形式展示，也可能是独立的纸质文档，您可以根据自身情况决定是否接受服务协议及开通服务。<br>
      3.5
      麒建云可能不定期推出特定免费体验、新品测试或者折扣优惠等活动（统称“活动”），您可以根据自身需求决定是否参与活动，如果您选择参与活动则应当遵守活动规则。<br>
      3.6
      麒建云有权不定期以网页公告、电子邮件、手机短信、站内信、即时通讯工具等方式中的1
      种或多种向您发送与麒建云服务有关的广告，包括但不限于营销活动、折扣优惠、新增服务类型等。您可以通过相关广告了解麒建云服务的最新动态。<br><br>
      第四条 服务使用<br> 4.1
      您在使用麒建云服务时须遵守相关法律法规，维护互联网秩序和安全，不得从事包括但不限于以下行为，也不得为任何违反法律法规的行为提供便利：<br>
      (1)实施涉嫌博彩、赌博、“私服”、“外挂”等非法互联网活动；<br>
      (2)实施诈欺、虚伪不实或误导行为，或发布、传播不受欢迎的或者未经请求的广告、垃圾邮件（SPAM）；<br>
      (3)违反与麒建云网络相联通之网络、设备或服务的操作规定；<br>
      (4)以过度负荷或其他任何方式导致网络中断，或实施违法或未授权之接取、盗用、干扰或监测；<br>
      (5)将云服务器用作虚拟服务器或用作磁盘空间进行出租，或用作代理服务器（Proxy）、邮箱服务器；<br>
      (6)建立或利用有关设备、配置运行与所使用服务无关的程序或进程，导致大量占用服务器内存、CPU
      或者网络带宽资源，给麒建云的系统或者您所使用的其他网络、服务器（包括但不限于本地及外地和国际的网络、服务器等）、产品/服务等带来严重的负荷，影响麒建云服务与互联网或者与特定网络、服务器及麒建云服务内部的通畅联系，或者导致您自己或他人的服务器宕机、死机或者他人的产品或服务不可访问等；<br>
      (7)实施任何破坏或试图破坏网络安全的行为，包括但不限于以病毒、木马、恶意代码、钓鱼等方式，对网站、服务器进行恶意扫描、非法侵入系统、非法获取数据等；<br>
      (8)实施任何改变或试图改变麒建云服务提供的系统配置或破坏系统安全的行为；<br>
      (9)利用技术或其他手段破坏、扰乱麒建云服务的运营或他人对麒建云服务的使用；<br>
      (10)以任何方式干扰或企图干扰麒建云任何产品或任何部分、功能的正常运行，或者制作、发布、传播上述工具、方法等；<br>
      (11)因从事包括但不限于“DNS
      解析”、“安全服务”、“域名代理”、“反向代理”等任何业务，导致您自己频繁遭受攻击（包括但不限于
      DDoS
      攻击）且未及时更正行为，或未根据麒建云要求消除影响，从而对麒建云服务平台或他人产生影响的。<br>
      4.2
      您在使用麒建云服务时须遵守相关法律法规，不得利用麒建云服务从事包括但不限于以下行为，也不得为任何违反法律法规的行为提供便利（包括但不限于为您的用户的行为提供便利等）：<br>
      (1)反对宪法所规定的基本原则的行为；<br>
      (2)危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的行为；<br>
      (3)损害国家荣誉和利益的行为；<br>
      (4)煽动民族仇恨、民族歧视，破坏民族团结的行为；<br>
      (5)破坏国家宗教政策，宣扬邪教和封建迷信的行为；<br>
      (6)散布谣言，扰乱社会秩序，破坏社会稳定的行为；<br>
      (7)散布淫秽、色情、赌博、暴力、凶杀、诈骗、恐怖或者教唆犯罪的行为；<br>
      (8)侮辱或者诽谤他人，侵害他人合法权益的行为；<br>
      (9)侵害他人知识产权、商业秘密等合法权利的行为；<br>
      (10)其他法律法规禁止的行为。<br> 4.3
      您购买的麒建云服务仅可供自己使用，不得直接或间接以转让、出售、出租、合作等
      任何形式，有偿或无偿地将部分或全部的服务提供给他人使用。<br> 4.4
      您应按照国家有关规定对其使用的计算机信息系统采取安全保护措施，包括但不限于安装经国家许可的计算机信息系统安全专用产品等。<br>
      4.5
      麒建云在服务等级协议(SLA)的范围内保证客户数据的高可靠性，但是，您理解并同意这并不表示您自身可以不履行业务数据备份的义务，您有义务做好自身业务系统数据的备份工作。<br><br>
      第五条 服务保障<br> 5.1 麒建云向您提供 24 小时×7
      天的售后服务，协助您解答、处理使用麒建云服务过程中遇到的问题。<br> 5.2
      麒建云在服务等级协议(SLA)范围内提供可用性保障，如果您对可用性的要求高于
      SLA，则需要您主动对自身系统进行高可用性的设置，麒建云将给与必要的协助。如果需要麒建云配合做设计，由双方另行协商确认。<br>
      5.3
      麒建云仅对麒建云服务本身提供运营维护，您应当保证自身的网络、设备的安全性、稳定性，如发生以下情况，您应及时解决并避免对麒建云服务产生影响：<br>
      (1)您内部网络出现问题，包括但不限于超负荷等；<br>
      (2)您自有设备或您使用的第三方设备出现故障；<br>
      (3)您自行拆离设备或通过其他方式导致网络中断;<br>
      (4)其他您原因导致的任何故障、网络中断等。<br> 5.4
      为了向您提供更加完善的服务，麒建云有权定期或不定期地对服务平台或相关设备进行
      检修、维护、升级等（统称“常规维护”），如因常规维护造成麒建云服务在合理时间内中断或暂停的，麒建云无需为此向您承担任何责任。但是，麒建云应当至少提前
      24
      小时，就常规维护事宜通知您。若因不可抗力、基础运营商过错等原因导致的非常规维护，麒建云应及时通知您。<br>
      5.5
      为保证服务的安全性和稳定性，麒建云可能对您使用的机房、服务器、带宽、数据库等产品进行不定期的升级、维护，您应予以配合。当涉及重大变更（如机房迁移），麒建云应当提前提前至少
      3个自然日通知您。<br> 5.6
      麒建云有权以网页公告、电子邮件、手机短信、站内信等方式中的 1
      种或多种，向您送达关于麒建云服务的信息，包括但不限于业务通知、服务提示、验证消息等各种信息，信息一经公布或发送，即视为送达，对您产生约束力，您应当及时查看相关信息内容。<br><br>
      第六条 服务费用 <br>6.1
      麒建云服务收费标准以麒建云官网（网址：www.qhost.com）公布价格为准，双方另有约定的除外。收费之货币载明于订单中，未记载者，以人民币计算。<br>
      6.2
      麒建云服务的结算规则可能分为预付费和后付费等类型，您应当遵守其选购的服务的结算规则。采用预付费规则的服务，您需及时向其云服务账户充值，以保证顺利使用服务。
      采用后付费规则的服务，您需在服务规则指定的期限内及时支付费用。<br> 6.3
      部分麒建云服务开通后（比如云服务器
      、云数据库等，具体以服务规则说明为准），即使您未新增服务项目或资源，亦未进行新的操作，但由于该部分服务会持续占用资源因此将持续产生扣费。您应当及时续费或关闭服务。<br>
      6.4
      您可以通过其云服务账户直接在线付款购买服务，也可以通过对线下汇款充值方式向麒建云账户支付服务费(线下汇款充值指引请点击这里)<br>
      6.5
      您应在当个缴费周期届满前续缴下个缴费周期的费用，否则服务系统将在当个缴费周期的最后一天
      24 点自动终止服务。<br><br> 第七条 第三方产品或服务 <br>7.1
      您不应在麒建云服务上安装、使用盗版软件等。<br> 7.2
      如果您通过麒建云服务获取、使用第三方提供的任何产品或服务（包括但不限于麒建云服务市场中的产品或服务），您应当评估该产品或服务是否符合您要求，并且，第三方产品或服务的开通，可能需要您与第三方另行签订单独的服务协议，单独的服务协议可能以电子文档形式展示，也可能是独立的纸质文档，您可以根据自身情况决定是否接受服务协议及使用产品或服务。<br>
      7.3 您因使用第三方产品或服务产生的纠纷由您与第三方协商解决。<br><br> 第八条
      知识产权 <br>8.1
      双方单独享有的商标权、著作权或者其他知识产权，均仍归各方单独享有，并不会因为双方签订或者履行本协议而转归对方享有，或者转归双方共同享有。<br>
      8.2
      如有任何第三方就一方侵犯其知识产权等合法权益的原因向另一方提起诉讼、主张索赔的，责任方应当独立处理相关纠纷，赔偿另一方的直接经济损失，并使另一方完全免责。<br><br>
      第九条 保密义务<br> 9.1
      任何一方（接收方）从另一方（披露方）所接受之信息，如有标明或可合理认知为属于披露方的机密或专有信息的(以下称「保密信息」)，接收方须对该信息保密，且未经披露方书面同意，不得披露该信息或用于本协议以外目的。接收方应以对待其本身机密或专有信息相同的注意程度处理披露方的保密信息。<br>
      9.2 保密信息包括麒建云向您提供的折扣优惠等未公开发布的内容。<br> 9.3
      尽管如上所述，遇下列情况，接收方无需承担保密义务：<br> (1)经披露方同意披露的；<br>
      (2)非因接收方的过失而导致众所周知；<br>
      (3)接收方在披露方披露之前已由其他合法渠道获知，且披露方无类似保密限制的；<br>
      (4)接收方因法律程序或主管机关的要求需要披露任何信息的。<br> 9.4
      双方保密义务在本协议有效期限内及期限届满后持续有效。<br><br> 第十条 不可抗力<br> 10.1
      您理解并同意，在使用麒建云服务的过程中可能会遇到以下情况使服务发生中断。<br>
      出现下述情况时，麒建云应及时与相关单位配合进行修复，但是由此给您造成的损失麒建云将予以免责。<br>
      (1)不可抗力，包括但不限于自然灾害、政府行为、政策颁布调整、法律法规颁布调整、罢工、动乱；<br>
      (2)基础运营商过错，包括但不限于电信部门技术调整、电信/电力线路被他人破坏、电信/电力部门对电信网络/电力资源进行安装、改造、维护；<br>
      (3)网络安全事故，如计算机病毒、木马或其他恶意程序、黑客攻击的破坏；<br>
      (4)您操作不当或您的电脑软件、系统、硬件和通信线路出现故障；<br>
      (5)您通过非麒建云授权的方式使用相关服务；<br>
      (6)其他非麒建云过错、麒建云无法控制或合理预见的情形。<br> 10.2
      因不可抗力、基础运营商过错、网络安全事故或其他超出当事人可合理掌控范围的事件，造成本协议迟延履行或任何一方违约，双方均无需承担违约责任。但是，受影响一方应尽可能及时通知另一方。如前述事件妨碍协议履行的，任一方可至少提前
      3个自然日通知对方终止协议。因本条款终止协议的，任何一方均无须承担违约责任。<br>
      10.3
      您理解并同意，麒建云的服务是按照现有技术和条件所能达到的现状提供的。麒建云将尽最大努力确保服务的连贯性和安全性，但麒建云不能保证其所提供的服务毫无瑕疵。所以您也同意，即使麒建云提供的服务存在瑕疵，但若上述瑕疵是当时行业技术水平所无法避免的，其将不被视为麒建云违约，双方应友好协作共同解决问题。<br><br>
      第十一条 生效及期限<br> 11.1
      本协议自您在麒建云平台“确认生效”后生效，有效期自您“确认生效”当天起至“确认生效”当年最后一日止，比如
      2016 年 6 月 1 日至 2016 年 12 月 31 日。
      有效期限届满前任何一方均未书面提出到期不续约的要求的，双方合作期限将自动顺延
      1 年，顺延次数不限。<br> 11.2
      本协议有效期限届满前，若任何一方书面向对方提出到期不续约的要求的，本协议在期限届满后自动终止。<br>
      11.3
      若本协议有效期限与您选购的服务的服务期限不一致的，则本协议有效期自动顺延
      至您选购的服务的服务期限届满之日。除非双方另有约定，本协议在您使用麒建云服务期间持续有效。<br><br>
      第十二条 协议终止与转让<br> 12.1 如发生以下任何一种情形，本协议终止：<br>
      (1)双方协商一致解除；<br> (2)服务期限届满不续约；<br>
      (3)因一方严重违约导致另一方终止协议；<br>
      (4)一方被注销或进入破产、清算程序，另一方有权终止协议，但进行重组、分立、合并、名称变更等不在此列。<br>
      12.2
      若您使用预付费的服务且在服务期限届满前单方要求终止合作的，您未使用的服务期限对应的费用将不予退还，但是您可以继续使用相关服务直至服务期限届满，本协议至服务期限届满时终止。<br>
      12.3 本协议终止的，不影响协议终止前已经产生的权利义务。<br> 12.4
      无论麒建云服务因为何种原因终止（包括但不限于逾期付款），对于您云服务账户中的全部数据或您因使用麒建云服务而存储在麒建云服务器中的数据等任何信息，麒建云将最长为您保留
      7天（简称“保留期限”）。您应承担保留期限内产生的云服务费用（若有），并在保留期限届满前结清费用、完成全部数据的迁移。保留期限届满后，麒建云服务系统将自动删除您的所有数据。<br>
      12.5 麒建云可将本协议部分或全部权利义务转让予第三方，但麒建云须提前 90
      天书面通知您。为本款生效之需要，双方同意签订所有合理必要的文件及采取合理必要的措施。<br><br>
      第十三条 违约责任<br> 13.1
      若麒建云自行发现或根据主管部门的信息、权利人的投诉等发现，您违反相关法律法规或本协议的，麒建云有权根据自己的独立判断单方采取以下措施中的一种或多种：<br>
      (1)要求您立即更换、修改内容；<br> (2)直接删除、屏蔽相关内容或断开链接等；<br>
      (3)限制、暂停向您提供麒建云服务（包括但不限于直接对您的部分服务进行下线并收回相关资源、对您云服务账户进行操作限制等）；<br>
      (4)情节严重的，麒建云有权终止向您提供麒建云服务，终止协议（包括但不限于直接对您的全部服务进行下线并收回相关资源等），您未使用的服务期限对应的费用将作为违约金归麒建云所有；<br>
      (5)依法追究您的其他责任。<br> 13.2
      若您使用后付费服务且逾期付款的，您除应依约支付到期费用外，还应按所欠费用每天加收３‰的标准向麒建云支付迟延履行金，直至缴清全部费用为止。若您逾期
      15
      天未支付到期费用的，麒建云有权单方终止本协议。若您同时使用了预付费服务的，则您未使用的服务期限对应的费用将作为违约金归麒建云所有。<br>
      13.3
      任何一方因违反本协议约定所引起的纠纷、责任、损失等，一概由违约方自行负责和承担，并且，违约方应对因其违约行为给相对方造成的直接经济损失予以赔偿。麒建云的赔偿责任总额不超过违约服务对应的服务费总额。<br>
      13.4
      在任何情况下，任何一方均不对相对方任何间接性、偶然性、特殊性的损害和损失，包括但不限于可得利益损失、相对方向第三方支付的费用等承担责任（即使该方已经被告知该等损失的可能性）。<br><br>
      第十四条 附则<br> 14.1
      因本协议产生之争议，双方应首先协商解决；双方未能以诚意协商解决的，任何一方均应将纠纷或争议提交本协议签订地有管辖权的人民法院管辖。<br>
      14.2 本协议的签订地均为福州市晋安区。<br> 14.3
      本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国大陆地区法律（不包括冲突法）。<br>
      14.4
      本协议的拟定、解释均以中文为准。除双方另有约定外，任何有关本协议的翻译不得作为解释本协议或判定双方当事人意图之依据。
    </div>
    <div v-else>
      本政策为了说明麒建云在提供云相关服务过程中如何收集、使用、存储您的个人信息及您享有何种权利，麒建云将通过本《隐私政策声明》向您阐述相关事宜，麒建云提醒您，在使用麒建云提供的各项服务前，请务必仔细阅读并理解本《隐私政策声明》，在确定充分理解并同意后方可使用麒建云提供的产品或服务， 您使用麒建云提供的产品或服务，将视为您对本政策内容的接受和认可，如果您不同意本政策的条款，应停止使用麒建云提供的服务。<br>
本政策将帮助您了解以下内容：<br><br>

1. 如何收集和使用您的个人信息<br>

2. 如何使用 Cookie和同类技术<br>

3. 共享、转让、公开披露您的个人信息<br>

4. 如何保护您的个人信息<br>

5. 如何访问或修改您的个人数据<br>

6. 您的个人信息如何在全球范围转移<br>

7. 本政策如何更新<br>

8. 联系我们<br><br>

麒建云深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠。麒建云致力于维持您对我们的信任，恪守以下原则，保护您的个人信息：权责一致原则、目的明确原则、选择同意原则、最少够用原则、确保安全原则、主体参与原则、公开透明原则等。同时，我们承诺，我们将按业界成熟的安全标准，采取相应的安全保护措施来保护您的个人信息。请在使用麒建云的服务前，仔细阅读并了解本《隐私政策声明》。<br><br>

1. 如何收集和使用您的个人信息<br><br>

1.1. 个人信息是指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。<br>
1.2. 麒建云收集您的信息，用于以下用途：<br>
(1) 为了向您提供、维护、改进产品或服务。<br>
(2) 向您发送重要通知。<br>
(3) 激活或验证产品或服务。<br>
(4) 开展在法律法规允许的前提先向您推广、介绍产品 。<br>
(5) 经您许可的其他用途。<br>
1.3 麒建云仅会出于本政策所述的以下目的，收集和使用您的个人信息：<br>
(1) 当您在麒建云网站创建账号时，您须向我们提供用户名，设置、确认您的登录密码，提供您在中华人民共和国境内手机号码。您提交的手机号码用于您注册、绑定账户、密码找回时接受验证码，并且作为您与我们指定的联系方式之一，用来接受相关业务通知（如新品上线、活动提醒、服务变更、服务相关通知等）。<br>
(2) 在您注册完成麒建云账号后，您可以在账号管理中继续填写您的个人信息，包括：①您的用户身份类型（个人、企业）、真实姓名、单位名称（企业）、证件号码（个人）、企业证件号码、所在地区、从事行业；②联系信息（所在地区、详细地址、联系电话、传真）、主营业务、主要产品、网站地址，您若不提供此类信息，将不会影响您对某一具体技术服务的使用。您提供本条第①类信息时，需要提交真实、合法、有效的信息，遵守国家对使用云服务的用户实名信息认证的法律法规要求，在提供对应信息并审核通过后，方可正式购买麒建云产品服务；麒建云可能会利用您提供的本条第②类信息向您推广、宣传产品或与您进行业务沟通。<br>
(3) 在您注册完成麒建云账户后，您需在管理控制台提交联系人信息，包括您指定联系人的用户名、姓名、邮箱、手机号码，我们将通过如上信息向您发送业务通知（含账单）或与您进行业务沟通。您需要在管理控制台提交发票信息，包括企业公司（或个人）抬头、税务登记证号、基本开户行名称、基本开户账号、注册场所地址、注册固定电话及邮寄地址，我们将基于您填写的信息为您开具相应的发票。<br>
(4) 在使用麒建云提供的服务过程中，麒建云将记录并保存您登陆和使用本服务的信息，包括但不限于IP 地址、浏览器的类型、使用的语言、访问日期和时间、软硬件特征信息、日志信息、相关设备信息及您需求的网页记录等数据。<br>
(5) 在接受域名、备案等服务前，根据中华人民共和国法律，麒建云将通过麒建云网站页面向您展示您需要提交的信息，以届时网站页面展示为准，如果您不使用某些服务，则无需提供相关信息。<br><br>

1. 如何使用Cookie 和同类技术<br><br>

2.1 为确保网站正常运转，我们会在您的计算机或移动设备上存储名为 Cookie 的小数据文件。Cookie 通常包含标识符、站点名称以及一些号码和字符。借助于 Cookie，网站能够存储您的偏好或购物篮内的商品等数据。<br>
2.2 我们不会将 Cookie 用于本政策所述目的之外的任何用途。您可根据自己的偏好管理或删除 Cookie。您可以清除计算机上保存的所有 Cookie，大部分网络浏览器都设有阻止 Cookie 的功能。但如果您这么做，则需要在每一次访问我们的网站时亲自更改用户设置。<br>
2.3 除 Cookie 外，我们还会在网站上使用网站信标和像素标签等其他同类技术。例如，我们向您发送的电子邮件可能含有链接至我们网站内容的点击URL。如果您点击该链接，我们则会跟踪此次点击，帮助我们了解您的产品或服务偏好并改善客户服务。网站信标通常是一种嵌入到网站或电子邮件中的透明图像。借助于电子邮件中的像素标签，我们能够获知电子邮件是否被打开。如果您不希望自己的活动以这种方式被追踪，则可以随时从我们的寄信名单中退订。<br><br>

1. 如何共享、转让、公开披露您的个人信息<br><br>

3.1 共享<br>
我们不会与麒建云以外的任何公司、组织和个人分享您的个人信息， 但以下情况除外：<br>
(1) 在获取明确同意的情况下共享：获得您的明确同意后，我们会与其他方共享您的个人信息；<br>
(2) 我们可能会根据法律法规规定，或按政府主管部门的强制性要求，对外共享您的个人信息。<br>
(3) 与我们的关联公司共享：您的个人信息可能会与麒建云的关联公司共享。我们只会共享必要的个人信息，且受本隐私政策中所声明目的的约束。关联公司如要改变个人信息的处理目的，将再次征求您的授权同意。<br>
我们的关联公司是指任何一方现在或将来控制、受其控制或与其共同被控制的任何公司或合法机构。“控制”是指有权决定一个公司的财务和经营政策，直接或间接享有该公司50%以上的管理或决策权利，并能据以从该公司的经营活动中获取利益。<br>
(4) 与授权合作伙伴共享：仅为实现本政策中声明的目的，我们的某些服务将由授权合作伙伴提供。我们可能会与合作伙伴共享您的某些个人信息，以提供更好的客户服务和用户体验。我们仅会出于合法、正当、必要、特定、明确的目的共享您的个人信息，并且只会共享提供服务所必要的个人信息。我们的合作伙伴无权将共享的个人信息用于任何其他用途。<br>
对我们与之共享用户信息的公司、组织和个人，我们会与其签署严格的保密协议以及信息保护约定，要求他们按照我们的说明、本隐私权政策以及其他任何相关的保密和安全措施来处理用户信息。<br><br>

3.2 转让<br>
我们不会将您的个人信息转让给任何公司、组织和个人，但以下情况除外：<br>
(1) 在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的个人信息；<br>
(2) 在涉及合并、收购或破产清算时，如涉及到个人信息转让，我们会在要求新的持有您个人信息的公司、组织继续受此隐私政策的约束，否则我们将要求该公司、组织重新向您征求授权同意。<br><br>

3.3 公开披露<br>
我们仅会在以下情况下，公开披露您的个人信息：<br>
(1) 获得您明确同意后；<br>
(2) 基于法律的披露：在法律、法律程序、诉讼或政府主管部门强制性要求的情况下，我们可能会公开披露您的个人信息。<br><br>

3.4. 共享、转让、公开披露用户信息时事先征得授权同意的例外<br>
以下情形中，共享、转让、公开披露您的用户信息无需事先征得您的授权同意：<br>
(1) 与国家安全、国防安全有关的；<br>
(2) 与公共安全、公共卫生、重大公共利益有关的；<br>
(3) 与犯罪侦查、起诉、审判和判决执行等有关的；<br>
(4) 出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；<br>
(5) 您自行向社会公众公开的个人信息；<br>
(6) 从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。<br><br>

1. 如何保护您的个人信息<br><br>

4.1 麒建云非常重视您的信息安全。我们努力采取各种合理的物理、电子和管理方面的安全措施来保护您的用户信息。防止用户信息遭到未经授权访问、公开披露、使用、修改、损坏或丢失。我们会使用加密技术提高用户信息的安全性；我们会使用受信赖的保护机制防止用户信息遭到恶意攻击；我们会部署访问控制机制，尽力确保只有授权人员才可访问用户信息；以及我们会举办安全和隐私保护培训课程，加强员工对于保护用户信息重要性的认识。<br><br>

4.2 我们会采取一切合理可行的措施，确保未收集无关的个人信息。我们只会在达成本政策所述目的所需的期限内保留您的个人信息，除非需要延长保留期或受到法律的允许。超出上述用户信息保存期限后，我们会对您的个人信息进行删除或匿名化处理。<br><br>

4.3 请使用复杂密码，协助我们保证您的账号安全。我们将尽力保障您发送给我们的任何信息的安全性。为更有效的保障您的信息安全，我们也希望您能够加强自我保护意识。我们仅在麒建云直接导致您个人信息泄露的范围内承担责任，因此，请您妥善保管您的账号及密码信息，避免您的个人信息泄露。<br><br>

4.4 互联网环境并非百分之百安全，我们将尽力确保或担保您发送给我们的任何信息的安全性。在不幸发生个人信息安全事件后，我们将按照法律法规的要求，及时向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。我们会及时将事件相关情况以邮件、信函、电话、推送通知等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。同时，我们还将按照监管部门要求，主动上报个人信息安全事件的处置情况。<br><br>

1. 如何访问或修改您的个人数据<br><br>

您应确保提交的所有个人数据都准确无误，我们会尽力维护个人数据的准确和完整。为遵守适用法律的明确要求，您可能(1)有权访问我们持有的关于您的特定的个人数据；(2)要求我们更新或更正您的不准确的个人数据；以及(3)依照法律规定要求我们删除您的个人数据。如果您想行使相关的权利，请联系我们。为保障安全，您可能需要提供书面请求。如果我们有合理依据认为这些请求存在欺骗性、无法实行或损害他人隐私权或权益，我们则会拒绝处理请求。<br>
在以下情形中，您可以向我们提出删除个人信息的请求：<br>
(1) 如果我们处理个人信息的行为违反法律法规；<br>
(2) 如果我们收集、使用您的个人信息，却未征得您的明确同意；<br>
(3) 如果我们处理个人信息的行为严重违反了与您的约定。<br>
为保障安全，您可能需要提供书面请求，或以其他方式证明您的身份。我们可能会先要求您验证自己的身份，然后再处理您的请求。<br><br>

1. 您的个人数据的保存和跨境转移<br><br>

我们将收集到的您的信息存放在中华人民共和国境内，如在符合适用法律规定的情形下因业务需要向境外传输个人信息的，我们会事先征得您的同意，并向您告知信息出境的目的、接收方、安全保障措施、安全风险等情况。<br><br>

1. 本政策如何更新<br><br>

我们的隐私政策可能变更。<br>
未经您明确同意，我们不会削减您按照本隐私政策所应享有的权利。 我们会通过公司官网发布对本政策所做的任何变更。<br>
对于重大变更，我们还会提供更为显著的通知（包括对于某些服务， 我们会通过电子邮件发送通知，说明隐私政策的具体变更内容）。<br>
本政策所指的重大变更包括但不限于：<br>
(1) 我们的服务模式发生重大变化。如处理个人信息的目的、处理的个人信息类型、个人信息的使用方式等；<br>
(2) 我们在所有权结构、组织架构等方面发生重大变化。如业务调整、破产并购等引起的所有者变更等；<br>
(3) 个人信息共享、转让或公开披露的主要对象发生变化；<br>
(4) 您参与个人信息处理方面的权利及其行使方式发生重大变化；<br>
(5) 我们负责处理个人信息安全的责任部门、联络方式及投诉渠道发生变化时；<br>
(6) 个人信息安全影响评估报告表明存在高风险时。
    </div>
  </Modal>
</template>
<script>
    import iCopyright from "@/components/copyright";
    import { mapActions } from "vuex";
    import mixins from "../mixins";
    import {
        AccountCaptchaPicture,
        AccountRegisterCaptcha,
    } from "@/api/account";

    export default {
        name: "page-account-register",
        mixins: [mixins],
        components: { iCopyright },
        data() {
            // 二次校验密码
            // 因为 View UI Plus 的表单控件省去了对数据的绑定，因此需要通过 ref 从 Login 组件中获取数据
            // 下面的 formValidate.password 中的 password，指的是给 <Password> 组件设置的 name="password"
            const validatePassCheck = (rule, value, callback) => {
                if (value !== this.$refs.form.formValidate.password) {
                    callback(new Error("两次输入的密码不匹配！"));
                } else {
                    callback();
                }
            };

            return {
                modal: false,
                val: "",
                captchaPicture: {},
                agree: false,
                passwordRule: [
                    {
                        required: true,
                        message: "密码不能为空！",
                        trigger: "change",
                    },
                    {
                        min: 6,
                        message: "密码不能少于6位！",
                        trigger: "change",
                    },
                ],
                passwordConfirmRule: [
                    {
                        required: true,
                        message: "确认密码不能为空！",
                        trigger: "change",
                    },
                    { validator: validatePassCheck, trigger: "change" },
                ],
                // 密码长度，在密码强度提示时作为判断依据
                passwordLen: 0,
            };
        },
        computed: {
            // 密码强度提示文案等
            passwordTip() {
                let strong = "强";
                let className = "strong";
                let percent = this.passwordLen > 10 ? 10 : this.passwordLen;
                let color = "#19be6b";
                if (this.passwordLen < 6) {
                    strong = "太短";
                    className = "low";
                    color = "#ed4014";
                } else if (this.passwordLen < 10) {
                    strong = "中";
                    className = "medium";
                    color = "#ff9900";
                }
                return {
                    strong,
                    class: `page-account-register-tip-${className}`,
                    percent: percent * 10,
                    color,
                };
            },
        },
        methods: {
            ...mapActions("admin/account", ["register", "login"]),
            handleChangePassword(val) {
                this.passwordLen = val.length;
            },
            /**
             * @description 注册
             * 表单校验已有 View UI Plus 自动完成，如有需要修改，请阅读 View UI Plus 文档
             */
            handleSubmit(valid, values) {
                if (valid) {
                    if (valid) {
                        const {
                            password,
                            passwordConfirm,
                            mobile,
                            phoneCaptcha
                        } = values;
                        this.register({
                            repassword: password,
                            mobile,
                            sms_captcha: phoneCaptcha,
                            repassword_confirm: passwordConfirm,
                        }).then(() => {
                            this.$router.replace({ name: "dashboard-console" });
                        });
                    }
                }
            },
            /**
             * @description 图片验证码
             * */
            handlePicCaptcha() {
                AccountCaptchaPicture().then((res) => {
                    this.captchaPicture = res;
                });
            },
            /**
             * @description 手机验证码
             * */
            handlePhoneCaptcha(value, values) {
                AccountRegisterCaptcha({
                    mobile: values.mobile,
                    captchaKey: this.captchaPicture.key,
                    captcha: values.picCaptcha,
                }).catch(() => {
                    this.handlePicCaptcha();
                })
            },
            /**
             * @description 打开协议
             * */
            openAbout(val) {
                this.val = val;
                this.modal = true;
            },
        },
        created() {
            AccountCaptchaPicture().then((res) => {
                this.captchaPicture = res;
            });
        },
    };
</script>
<style lang="less" scoped>
@import "../account";
.agreeCheckbox {
  display: flex;
  flex-wrap: wrap;
}
.demo-login {
  width: 400px !important;
  margin: 0 auto;
}
.demo-login-captcha .ivu-btn {
  padding: 0;
}
.demo-login-captcha .ivu-btn img {
  height: 28px;
  position: relative;
  top: 4px;
}

.page-account-other {
  display: flex;
  justify-content: center;
}
.picCaptcha {
  .ivu-btn {
    span {
      width: 100%;
      height: 100%;
      img {
        width: 100%;
        height: 100% !important;
        top: 0 !important;
      }
    }
  }
}
.page-account-container {
  width: 446px;
}
</style>
